<template>
  <ul>
        <li v-for="item in  list" :key="item.id">
            {{ item.name }}
            <div v-if="item.children?.length">
                <my-son :list="item.children"></my-son>
            </div>
        </li>
  </ul>
</template>

<script>

export default {
  props: ["list"],
  name: "mySon",
};
</script>

<style></style>
